<template>
  <h1>轮播图组件</h1>
  <el-carousel style="width: 400px;" >
    <el-carousel-item><img src='imgs/carousel1.jpg' style="width: 100%"> </el-carousel-item>
    <el-carousel-item><img src='imgs/carousel2.jpg' style="width: 100%"> </el-carousel-item>
    <el-carousel-item><img src='imgs/carousel3.jpg' style="width: 100%"> </el-carousel-item>
    <el-carousel-item><img src='imgs/carousel4.jpg' style="width: 100%"> </el-carousel-item>
  </el-carousel>
  <el-carousel style="width: 400px;" trigger="click">
    <el-carousel-item><img src='imgs/carousel1.jpg' style="width: 100%"> </el-carousel-item>
    <el-carousel-item><img src='imgs/carousel2.jpg' style="width: 100%"> </el-carousel-item>
    <el-carousel-item><img src='imgs/carousel3.jpg' style="width: 100%"> </el-carousel-item>
    <el-carousel-item><img src='imgs/carousel4.jpg' style="width: 100%"> </el-carousel-item>
  </el-carousel>
  <el-carousel style="width: 1000px;" type="card">
    <el-carousel-item><img src='imgs/carousel1.jpg' style="width: 100%"> </el-carousel-item>
    <el-carousel-item><img src='imgs/carousel2.jpg' style="width: 100%"> </el-carousel-item>
    <el-carousel-item><img src='imgs/carousel3.jpg' style="width: 100%"> </el-carousel-item>
    <el-carousel-item><img src='imgs/carousel4.jpg' style="width: 100%"> </el-carousel-item>
  </el-carousel>
</template>

<script setup>

</script>

<style scoped>

</style>